<%@ page language="java" pageEncoding="UTF-8" %>
<HTML>
<HEAD>


<link rel="stylesheet" type="text/css" href="inc/style.css">
<link rel="stylesheet" type="text/css" href="inc/webTab/webtab.css">
<!-- script language=jscript src="inc/function.js"></script>
<script language=jscript src="inc/shiftlang.js"></script>
<script language=jscript src="inc/webTab/webTab.js"></script>
<script type='text/javascript' src='/risk/dwr/interface/checkCollect.js'></script>
<script language="javascript" src="/risk/calendar/date.js"></script>
<script language="javascript" src="/risk/js/MulLine.js"></script>
<script language="Javascript" src="/risk/common/js/Common.js"></script>
<script language="javascript" src="/risk/accuse/LawCaseAccusedInput.js"></script>
<script type='text/javascript' src='/risk/dwr/interface/checkSystem.js'></script>
<script type='text/javascript' src='/risk/dwr/engine.js'></script>
<script type='text/javascript' src='/risk/dwr/util.js'></script -->
 
<style>
body {
	background-color: buttonface;
	scroll: no;
	margin: 7px, 0px, 0px, 7px;
	border: none;
	overflow: hidden;	 

}
</style>

<SCRIPT LANGUAGE="JavaScript">

document.write("<OBJECT id=\"dlgHelper\" CLASSID=\"clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b\" width=\"0px\" height=\"0px\"></OBJECT>");
var ocolorPopup = window.createPopup();
var ecolorPopup=null;

function checkFlowTIDIncluded(){
try{

	checkCollect.checkFlowTIDIncluded( document.all.FlowId.value , checkOk );
	}catch(e){alert(e.message)};
}

function checkOk(data){	 
	if(data==""){
		 if((document.all.FlowId.value==null)||(trim(document.all.FlowId.value)=="")){
	        alert("请录入流程编号");
	        document.all.FlowId.value.focus();	 
	        
	        return false;
	        }
	    alert("流程编号已存在！！");		
		document.all.FlowId.value="";
		saveFlag = false;
	}else{
		
		saveFlag = true;
	} 
}

function iniWindow(){
   var opener = window.dialogArguments;
   var url = opener.dialogURL;
   var flowId = url.indexOf('?flowid=')<0?'':url.slice(url.indexOf('?flowid=')+8,url.length);
   try{
     if(opener.LANG!='') shiftLanguage(opener.LANG,"flowdialog"); 

     var FlowXML = opener.document.all.FlowXML;
     if(flowId==''){
	   atNewFlow();
	 }else{
	   if(FlowXML.value!=''){
	     atEditFlow(FlowXML,flowId);
	   }else{
	     alert('\n\nOpen Flow Dialog-Window Error!');
		 window.close();  
	   }
	 }
   }catch(e){
     alert('\n\nOpen Flow Dialog-Window Error!');
	 window.close();
   }
}

function okOnClick(){
   var opener = window.dialogArguments;
   var url = opener.dialogURL;
   var flowId = url.indexOf('?flowid=')<0?'':url.slice(url.indexOf('?flowid=')+8,url.length);
   try{
     var FlowXML = opener.document.all.FlowXML;
	 xml = getFlowXML(FlowXML,flowId);
	 if(xml!='') {
	   FlowXML.value = xml;
	   window.close();
	 }	 
	 
   }catch(e){
     alert('\n\nOpen Flow Dialog-Window Error!');
	 window.close();
   }   
}
function cancelOnClick(){
   window.close();
}
function applyOnClick(){
   var opener = window.dialogArguments;
   var url = opener.dialogURL;
   var flowId = url.indexOf('?flowid=')<0?'':url.slice(url.indexOf('?flowid=')+8,url.length);

   try{
     var FlowXML = opener.document.all.FlowXML;

	 xml = getFlowXML(FlowXML,flowId);	
	 if(xml!='') {
	   FlowXML.value = xml;
	 }
   }catch(e){
     alert('\n\nApply Flow Properties Error!');
	 window.close();
   }
}
function atNewFlow(){}

function atEditFlow(FlowXML,flowId){
  var xmlDoc = new ActiveXObject('MSXML2.DOMDocument');
  xmlDoc.async = false;
  xmlDoc.loadXML(FlowXML.value);
  var xmlRoot = xmlDoc.documentElement;
  var Flow = xmlRoot.getElementsByTagName("FlowConfig").item(0);

  var beginStepId = '',beginStepText = '',endStepId = '',endStepText = '';
  var Steps = xmlRoot.getElementsByTagName("Steps").item(0);
  for ( var i = 0;i < Steps.childNodes.length;i++ ) {
	   Step = Steps.childNodes.item(i);
	   nType = Step.getElementsByTagName("BaseProperties").item(0).getAttribute("stepType");	 
	   if(nType=='BeginStep'){
	     beginStepId = Step.getElementsByTagName("BaseProperties").item(0).getAttribute("id");
		 beginStepText = Step.getElementsByTagName("BaseProperties").item(0).getAttribute("text");
	   }
	   if(nType=='EndStep'){
	     endStepId = Step.getElementsByTagName("BaseProperties").item(0).getAttribute("id");
		 endStepText = Step.getElementsByTagName("BaseProperties").item(0).getAttribute("text");
	   }
  }

  document.all.FlowId.value = flowId;document.all.FlowId.disabled=true;
  document.all.FlowText.value = Flow.getElementsByTagName("BaseProperties").item(0).getAttribute("flowText");document.all.FlowText.disabled=true;

  document.all.BeginStepId.value = beginStepId
  document.all.EndStepId.value = endStepId;
  document.all.BeginStepText.value = beginStepText;
  document.all.EndStepText.value = endStepText; 

  document.all.BeginStepId.disabled=true;
  document.all.EndStepId.disabled=true;
    
  document.all.StepTextColor.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("stepTextColor");
  document.all.StepStrokeColor.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("stepStrokeColor");
  document.all.StepShadowColor.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("stepShadowColor");
  document.all.StepFocusedStrokeColor.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("stepFocusedStrokeColor");
  setRadioGroupValue(document.all.IsStepShadow,Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("isStepShadow"));
  document.all.ActionStrokeColor.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("actionStrokeColor");
  document.all.ActionTextColor.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("actionTextColor");
  document.all.ActionFocusedStrokeColor.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("actionFocusedStrokeColor");
  document.all.SStepTextColor.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("sStepTextColor");
  document.all.SStepStrokeColor.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("sStepStrokeColor");
  document.all.StepColor1.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("stepColor1");
  document.all.StepColor2.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("stepColor2");
  setRadioGroupValue(document.all.IsStep3D,Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("isStep3D"));
  document.all.Step3DDepth.value = Flow.getElementsByTagName("VMLProperties").item(0).getAttribute("step3DDepth");
   
}

function getFlowXML(FlowXML,id){
  flowId = document.all.FlowId.value;
  flowText = document.all.FlowText.value;
  beginStepId = document.all.BeginStepId.value;
  endStepId = document.all.EndStepId.value;
  beginStepText = document.all.BeginStepText.value;
  endStepText = document.all.EndStepText.value;
  if(flowId=='') {alert('\n\nPlease input Flow Id!');return '';}
  if(flowText=='') {alert('\n\nPlease input Flow Name!');return '';}
  if(beginStepId=='' || endStepId=='') {alert('\n\nPlease input Begin-End Step\'s Id!');return '';}
  if(beginStepText=='' || endStepText=='') {alert('\n\nPlease input Begin-End Step\'s Name!');return '';}
  
  stepTextColor = document.all.StepTextColor.value;
  stepStrokeColor = document.all.StepStrokeColor.value;
  stepShadowColor = document.all.StepShadowColor.value;
  stepFocusedStrokeColor = document.all.StepFocusedStrokeColor.value;
  isStepShadow = getRadioGroupValue(document.all.IsStepShadow);
  actionStrokeColor = document.all.ActionStrokeColor.value;
  actionTextColor = document.all.ActionTextColor.value;
  actionFocusedStrokeColor = document.all.ActionFocusedStrokeColor.value;
  sStepTextColor = document.all.SStepTextColor.value;
  sStepStrokeColor = document.all.SStepStrokeColor.value;
  stepColor1 = document.all.StepColor1.value;
  stepColor2 = document.all.StepColor2.value;
  isStep3D = getRadioGroupValue(document.all.IsStep3D);
  step3DDepth = document.all.Step3DDepth.value;
  var xml = ""; 
  xml+= '<WebFlow><FlowConfig>'
  xml+= '<BaseProperties flowId="'+flowId+'" flowText="'+flowText+'" />';
  xml+= '<VMLProperties stepTextColor="'+stepTextColor+'" stepStrokeColor="'+stepStrokeColor+'" stepShadowColor="'+stepShadowColor+'" stepFocusedStrokeColor="'+stepFocusedStrokeColor+'" isStepShadow="'+isStepShadow+'" actionStrokeColor="'+actionStrokeColor+'" actionTextColor="'+actionTextColor+'" actionFocusedStrokeColor="'+actionFocusedStrokeColor+'" sStepTextColor="'+sStepTextColor+'" sStepStrokeColor="'+sStepStrokeColor+'" stepColor1="'+stepColor1+'" stepColor2="'+stepColor2+'" isStep3D="'+isStep3D+'" step3DDepth="'+step3DDepth+'"/>';
  xml+= '</FlowConfig>';

  if(id==''){

	  xml+= '<Steps><Step><BaseProperties id="'+beginStepId+'" text="'+beginStepText+'" stepType="BeginStep"  />';
	  xml+= '<VMLProperties width="300" height="160" x="200" y="200" textWeight="" strokeWeight="" strokeColor="" isFocused="" zIndex="" />';
	  xml+= '<FlowProperties /></Step>';
	  
	
	  xml+= '<Step><BaseProperties id="'+endStepId+'" text="'+endStepText+'" stepType="EndStep"  />';
	  xml+= '<VMLProperties width="300" height="160" x="200" y="400" textWeight="" strokeWeight="" strockeColor="" isFocused="" zIndex="" />';
	  xml+= '<FlowProperties /></Step></Steps>';
	
	  xml+= '<Actions><Action><BaseProperties id="action" text="action0" actionType="PolyLine" from="begin" to="end" />';
	  xml+= '<VMLProperties startArrow="" endArrow="classic" strokeWeight="" isFocused="" zIndex="" />';
	  xml+= '<FlowProperties /></Action></Actions>';
	
	 
  }else{
      var xmlDoc = new ActiveXObject('MSXML2.DOMDocument');
	  xmlDoc.async = false;
	  xmlDoc.loadXML(FlowXML.value);

	  var xmlRoot = xmlDoc.documentElement;

	  var Steps = xmlRoot.getElementsByTagName("Steps").item(0);
	  for ( var i = 0;i < Steps.childNodes.length;i++ ) {
		   Step = Steps.childNodes.item(i);
		   nType = Step.getElementsByTagName("BaseProperties").item(0).getAttribute("stepType");	 
		   if(nType=='BeginStep'){
			 Step.getElementsByTagName("BaseProperties").item(0).setAttribute("text",beginStepText);
		   }
		   if(nType=='EndStep'){
			 Step.getElementsByTagName("BaseProperties").item(0).setAttribute("text",endStepText);
		   }
      }
	  var Actions = xmlRoot.getElementsByTagName("Actions").item(0);

	  xml+= Steps.xml + Actions.xml;  
  }

  xml+= '</WebFlow>';

  return xml;
}
</SCRIPT> 


<script language="javascript">

function colordialogmouseout(obj){
  obj.style.borderColor="";
  obj.bgColor="";
}
function colordialogmouseover(obj){
  obj.style.borderColor="#0A66EE";
  obj.bgColor="#EEEEEE";
}
function colordialogmousedown(color){
  ecolorPopup.value=color;
  //document.body.bgColor=color;
  ocolorPopup.document.body.blur();
  ocolorPopup.hide();
}
function colordialogmore(){
  var sColor=dlgHelper.ChooseColorDlg(ecolorPopup.value);
  sColor = sColor.toString(16);
  if (sColor.length < 6) {
    var sTempString = "000000".substring(0,6-sColor.length);
    sColor = sTempString.concat(sColor);
  }
  ecolorPopup.value="#"+sColor.toUpperCase();
  //document.body.bgColor="#"+sColor.toUpperCase();
  ocolorPopup.document.body.blur();
}

function colordialog(){
  var e=event.srcElement;
  e.onkeyup=colordialog;
  ecolorPopup=e;
  var ocbody;
  var oPopBody = ocolorPopup.document.body;
  var colorlist=new Array(40);
  oPopBody.style.backgroundColor = "#f9f8f7";
  oPopBody.style.border = "solid #999999 1px";
  oPopBody.style.fontSize = "12px";
  colorlist[0]="#000000";  colorlist[1]="#993300";  colorlist[2]="#333300";  colorlist[3]="#003300";
  colorlist[4]="#003366";  colorlist[5]="#000080";  colorlist[6]="#333399";  colorlist[7]="#333333";
  colorlist[8]="#800000";  colorlist[9]="#FF6600";  colorlist[10]="#808000";colorlist[11]="#008000";
  colorlist[12]="#008080";colorlist[13]="#0000FF";colorlist[14]="#666699";colorlist[15]="#808080";
  colorlist[16]="#FF0000";colorlist[17]="#FF9900";colorlist[18]="#99CC00";colorlist[19]="#339966";
  colorlist[20]="#33CCCC";colorlist[21]="#3366FF";colorlist[22]="#800080";colorlist[23]="#999999";
  colorlist[24]="#FF00FF";colorlist[25]="#FFCC00";colorlist[26]="#FFFF00";colorlist[27]="#00FF00";
  colorlist[28]="#00FFFF";colorlist[29]="#00CCFF";colorlist[30]="#993366";colorlist[31]="#CCCCCC";
  colorlist[32]="#FF99CC";colorlist[33]="#FFCC99";colorlist[34]="#FFFF99";colorlist[35]="#CCFFCC";
  colorlist[36]="#CCFFFF";colorlist[37]="#99CCFF";colorlist[38]="#CC99FF";colorlist[39]="#FFFFFF";
  ocbody = "";
  ocbody += "<table CELLPADDING=0 CELLSPACING=3>";
  ocbody += "<tr height=\"20\" width=\"20\"><td align=\"center\"><table style=\"border:1px solid #808080;\" width=\"12\" height=\"12\" bgcolor=\""+e.value+"\"><tr><td></td></tr></table></td><td bgcolor=\"eeeeee\" colspan=\"7\" style=\"font-size:12px;\" align=\"center\">当前颜色</td></tr>";
  for(var i=0;i<colorlist.length;i++){
    if(i%8==0)
      ocbody += "<tr>";
    ocbody += "<td width=\"14\" height=\"16\" style=\"border:1px solid;\" onMouseOut=\"parent.colordialogmouseout(this);\" onMouseOver=\"parent.colordialogmouseover(this);\" onMouseDown=\"parent.colordialogmousedown('"+colorlist[i]+"')\" align=\"center\" valign=\"middle\"><table style=\"border:1px solid #808080;\" width=\"12\" height=\"12\" bgcolor=\""+colorlist[i]+"\"><tr><td></td></tr></table></td>";
    if(i%8==7)
      ocbody += "</tr>";
  }
  //ocbody += "<tr><td align=\"center\" height=\"22\" colspan=\"8\" onMouseOut=\"parent.colordialogmouseout(this);\" onMouseOver=\"parent.colordialogmouseover(this);\" style=\"border:1px solid;font-size:12px;cursor:default;\" onMouseDown=\"parent.colordialogmore()\">其它颜色...</td></tr>";
  ocbody += "</table>";
  oPopBody.innerHTML=ocbody;
  ocolorPopup.show((e.offsetLeft+210),e.offsetTop+3*e.offsetHeight, 158, 137, document.body);
}
</script>
</HEAD>

<BODY onload='iniWindow()' onunload=''>
<INPUT TYPE="hidden" name=TempXML>

<table border="0" cellpadding="0" cellspacing="0" height=385px>
<thead>
  <tr id="WebTab">
	<td class="selectedtab" id="tab1" onmouseover='hoverTab("tab1")' onclick="switchTab('tab1','contents1');"><span id=tabpage1></span></td>
	<td class="tab" id="tab2" onmouseover='hoverTab("tab2")' onclick="switchTab('tab2','contents2');"><span id=tabpage2></span></td>
	<td class="tab" id="tab3" onmouseover='hoverTab("tab3")' onclick="switchTab('tab3','contents3');"><span id=tabpage3></span></td>	
	<td class="tabspacer" width=400>&nbsp;</td>	
  </tr>
</thead>
<tbody>
  <tr>
	<td id="contentscell" colspan="4">
<!-- Tab Page 1 Content Begin -->
<div class="selectedcontents" id="contents1">
<TABLE border=0 width="100%" height="100%">
<TR valign=top>
	<TD></TD><TD width="100%" valign=top>
	<Fieldset style="border: 1px solid #C0C0C0;">
	<LEGEND align=left style="font-size:9pt;">&nbsp;<span id=tabpage1_1></span>&nbsp;</LEGEND>
	<TABLE border=0 width="100%" height="100%" style="font-size:9pt;">	
	<TR valign=top>
		<TD width=5></TD>
		<TD><span id=tabpage1_2></span>&nbsp;&nbsp;<INPUT TYPE="text" name="FlowId" onblur="checkFlowTIDIncluded()"  value="newflow"  class=txtput></TD>
		<TD></TD>
	</TR> 
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage1_3></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="FlowText" value="" class=txtput></TD>
		<TD></TD>
    </TR>	
	<TR height="3">
		<TD></TD>
		<TD></TD> 
		<TD></TD>
	</TR>
	</TABLE>
	</Fieldset>
	</TD>
	<TD></TD>
</TR>

<TR valign=top>
	<TD></TD>
	<TD width="100%" valign=top>
	<Fieldset style="border: 1px solid #C0C0C0;">
	<LEGEND align=left style="font-size:9pt;">&nbsp;<span id=tabpage1_4></span>&nbsp;</LEGEND>
	<TABLE border=0 width="100%" height="100%" style="font-size:9pt;">		
	<TR valign=top>
		<TD width=5></TD>
		<TD><span id=tabpage1_5></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="BeginStepId" value="begin" class=txtput></TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage1_6></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="EndStepId" value="end" class=txtput></TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage1_7></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="BeginStepText" value="" class=txtput></TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage1_8></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="EndStepText" value="" class=txtput></TD>
		<TD></TD>
    </TR>
	<TR height="3">
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	</TABLE>
	</Fieldset>
	</TD>
	<TD></TD>
</TR>
<TR height="100%">
	<TD></TD><TD></TD><TD></TD>
</TR>
</TABLE>
</div>
<!-- Tab Page 1 Content End -->

<!-- Tab Page 2 Content Begin -->
<div class="contents" id="contents2">
<TABLE border=0 width="100%" height="100%">

<TR valign=top>
	<TD></TD>
	<TD width="100%" valign=top>
	<Fieldset style="border: 1px solid #C0C0C0;">
	<LEGEND align=left style="font-size:9pt;">&nbsp;<span id=tabpage2_1></span>&nbsp;</LEGEND>
	<TABLE border=0 width="100%" height="100%" style="font-size:9pt;">		
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_2></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="StepColor1" class=txtput size=10 onfocus="colordialog()"></TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_3></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="StepColor2" class=txtput size=10 onfocus="colordialog()">&nbsp;</TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_4></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="StepTextColor" value="black" class=txtput size=10 onfocus="colordialog()"></TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD width=5></TD>
		<TD><span id=tabpage2_5></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="StepStrokeColor" value="black" class=txtput size=10 onfocus="colordialog()"><FONT style="font-size:10pt;" COLOR="#919CD0">&nbsp;<span id=tabpage2_20></span></FONT></TD>
		<TD></TD>
	</TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_6></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="StepFocusedStrokeColor" value="yellow" class=txtput size=10 onfocus="colordialog()"><FONT style="font-size:10pt;" COLOR="#919CD0">&nbsp;<span id=tabpage2_21></span></FONT></TD>
		<TD></TD>
    </TR>	
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_7></span>&nbsp;&nbsp;<FONT style="font-size:10pt;" COLOR="#919CD0"><INPUT TYPE="radio" NAME="IsStepShadow" value="T" checked><span id=tabpage2_8></span>&nbsp;<INPUT TYPE="radio" NAME="IsStepShadow" value="F"><span id=tabpage2_9></span>&nbsp;<span id=tabpage2_22></span></FONT></TD>
		<TD></TD>
    </TR>	
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_10></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="StepShadowColor" value="#b3b3b3" class=txtput size=10 onfocus="colordialog()"><FONT style="font-size:10pt;" COLOR="#919CD0">&nbsp;<span id=tabpage2_23></span></FONT></TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_11></span>&nbsp;&nbsp;<FONT style="font-size:10pt;" COLOR="#919CD0"><INPUT TYPE="radio" NAME="IsStep3D" value="false" checked><span id=tabpage2_12>2D</span>&nbsp;<INPUT TYPE="radio" NAME="IsStep3D" value="true"><span id=tabpage2_13>3D</span>&nbsp;</FONT></TD>
		<TD></TD>
    </TR>	
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_14></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="Step3DDepth" value="20" class=txtput size=10></TD>
		<TD></TD>
    </TR>
	<TR height="3">
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	</TABLE>
	</Fieldset>
	</TD>
	<TD></TD>
</TR>

<TR valign=top>
	<TD></TD>
	<TD width="100%" valign=top>
	<Fieldset style="border: 1px solid #C0C0C0;">
	<LEGEND align=left style="font-size:9pt;">&nbsp;<span id=tabpage2_15></span>&nbsp;</LEGEND>
	<TABLE border=0 width="100%" height="100%" style="font-size:9pt;">		
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_16></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="SStepTextColor" value="black" class=txtput size=10 onfocus="colordialog()"></TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD width=5></TD>
		<TD><span id=tabpage2_17></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="SStepStrokeColor" value="black" class=txtput size=10 onfocus="colordialog()"></TD>
		<TD></TD>
	</TR>	
	<TR height="3">
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	</TABLE>
	</Fieldset>
	</TD>
	<TD></TD>
</TR>

<TR height="100%">
	<TD></TD><TD></TD><TD></TD>
</TR>
</TABLE>	  
</div>
<!-- Tab Page 2 Content End -->

<!-- Tab Page 3 Content Begin -->
<div class="contents" id="contents3">
<TABLE border=0 width="100%" height="100%">

<TR valign=top>
	<TD></TD>
	<TD width="100%" valign=top>
	<Fieldset style="border: 1px solid #C0C0C0;">
	<LEGEND align=left style="font-size:9pt;">&nbsp;<span id=tabpage3_1></span>&nbsp;</LEGEND>
	<TABLE border=0 width="100%" height="100%" style="font-size:9pt;">		
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage3_2></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="ActionStrokeColor" value="black" class=txtput size=10 onfocus="colordialog()"></TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD width=5></TD>
		<TD><span id=tabpage3_3></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="ActionTextColor" value="" class=txtput size=10 onfocus="colordialog()"></TD>
		<TD></TD>
	</TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage3_4></span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="ActionFocusedStrokeColor" value="yellow" class=txtput size=10 onfocus="colordialog()"></TD>
		<TD></TD>
    </TR>
	<TR height="3">
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	</TABLE>
	</Fieldset>
	</TD>
	<TD></TD>
</TR>

<TR height="100%">
	<TD></TD><TD></TD><TD></TD>
</TR>
</TABLE>	  
</div>
<!-- Tab Page 3 Content End -->

	</td>
  </tr>
</tbody>
</table>

<table cellspacing="1" cellpadding="0" border="0" style="position: absolute; top: 400px; left: 0px;">
	<tr>
		<td width="100%"></td>
		<td><input type=button id="btnOk" class=btn value="" onclick="jscript: okOnClick();">&nbsp;&nbsp;&nbsp;</td>
		<td><input type=button id="btnCancel" class=btn value="" onclick="jscript: cancelOnClick();">&nbsp;&nbsp;&nbsp;</td>
		<td><input type=button id="btnApply" class=btn value="" onclick="jscript: applyOnClick();">&nbsp;&nbsp;&nbsp;</td>
	</tr>
</table> 
</BODY>
</HTML>  
